<!Doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta property="qc:admins" content="465267610762567726375" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>菜鸟教程 - 学的不仅是技术，更是梦想！</title>
<link rel='dns-prefetch' href='//s.w.org' />
<meta name="keywords" content="w3cschool,HTML,CSS,PHP,DOM,JavaScript,jQuery,XML,AJAX,ASP.NET,W3C,MySQL,SQL,jquery mobile,bootstrap,Python,jquery easyui,jquery ui,angularjs">
<meta name="description" content="菜鸟教程(www.runoob.com)提供了最全的编程技术基础教程, 介绍了HTML、CSS、Javascript、Python，Java，Ruby，C，PHP , MySQL等各种编程语言的基础知识。 同时本站中也提供了大量的在线实例，通过实例，您可以更好的学习编程。..">
<link rel="shortcut icon" href="//static.runoob.com/images/favicon.ico" mce_href="//static.runoob.com/images/favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="/wp-content/themes/runoob/style.css?v=1.141" type="text/css" media="all" />
<link rel="stylesheet" href="//cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" media="all" />
<!--[if gte IE 9]><!-->
  <script src="//cdn.bootcss.com/jquery/2.0.3/jquery.min.js"></script>
  <!--<![endif]-->
<!--[if lt IE 9]>
     <script src="//cdn.bootcss.com/jquery/1.9.1/jquery.min.js"></script>
     <script src="//cdn.bootcss.com/html5shiv/r29/html5.min.js"></script>
  <![endif]-->
<link rel="apple-touch-icon" href="//static.runoob.com/images/icon/mobile-icon.png"/>
<meta name="apple-mobile-web-app-title" content="菜鸟教程">
</head>
<body>
<div class="container logo-search">
<div class="col search row-search-mobile">
<form action="index.php">
<input class="placeholder" value="搜索……" name="s" autocomplete="off">
</form>
</div>
<div class="row">
<div class="col logo">
<h1><a href="/">菜鸟教程 -- 学的不仅是技术，更是梦想！</a></h1>
</div>
<div class="col search search-desktop last">
<form action="//www.runoob.com/" target="_blank">
<input class="placeholder" id="s" name="s" value="搜索……" autocomplete="off">
</form>
</div>
</div>
</div>
<div class="container navigation">
<div class="row">
<div class="col nav">
<ul id="index-nav">
<li><a href="//www.runoob.com/" data-id="index" title="菜鸟教程" class="current">首页</a></li>
<li><a href="//www.runoob.com/w3cnote/" target="_blank" data-id="note" title="菜鸟笔记">菜鸟笔记</a></li>
<li><a href="//c.runoob.com/" target="_blank" data-id="tool" title="不止于工具">菜鸟工具</a></li>
<li><a href="javascript:void(0);" data-id="manual" title="参考手册">参考手册</a></li>
<li><a href="//www.runoob.com/commentslist" data-id="commentslist" target="_bank" title="英文文档集合">笔记列表</a></li>
<li><a href="javascript:void(0);" data-id="quiz" title="测验/考试">测验/考试</a></li>
<li><a href="javascript:;" class="runoob-pop">登录</a></li>
</ul>
</div>
</div>
</div>
<div class="container sub-navigation sub-navigation-articles" style="display:none">
<div class="row">
<div class="col nav-sub">
<ul id="tool"> <li class="cat-item"><a target="_blank" href="try/bootstrap/layoutit/">Bootstrap 编辑器</a></li> <li class="cat-item"><a target="_blank" href="//c.runoob.com/compile/1">PHP 在线工具</a></li> <li class="cat-item"><a target="_blank" href="//c.runoob.com/compile/6">Python 在线工具</a></li> <li class="cat-item"><a target="_blank" href="//c.runoob.com/compile/13">Ruby 在线工具</a></li> <li class="cat-item"><a target="_blank" href="//c.runoob.com/compile/18">Bashe Shell</a></li> <li class="cat-item"><a target="_blank" href="//c.runoob.com/compile/11">C 在线工具</a></li> <li class="cat-item"><a target="_blank" href="//c.runoob.com/compile/12">C++ 在线工具</a></li><li><a target="_blank" href="//c.runoob.com/compile/20">Swift 在线工具</a></li> <li class="cat-item"><a target="_blank" target="_blank" href="//c.runoob.com/">更多……</a></li> </ul>
<ul id="manual"> <li class="cat-item"><a href="tags/html-reference.html" target="_blank">HTML 手册</a></li> <li class="cat-item"><a href="jsref/jsref-tutorial.html" target="_blank">Javascript </a></li> <li class="cat-item"><a href="cssref/css-reference.html" target="_blank">CSS 1,2,3</a></li> <li class="cat-item"><a href="manual/zeptojs.html">Zepto 中文手册</a></li> <li class="cat-item"><a href="manual/Flat-UI/">Flat UI</a></li> <li class="cat-item"><a href="manual/PostgreSQL/">PostgreSQL 手册</a></li> </ul>
<ul id="quiz"> <li class="cat-item"><a target="_top" title="HTML 测验" href="quiz/html-quiz.html">HTML 测验</a></li> <li class="cat-item"><a target="_top" title="HTML5 测验" href="quiz/html5-quiz.html">HTML5 测验</a></li> <li class="cat-item"><a target="_top" title="XHTML 测验" href="quiz/xhtml-quiz.html">XHTML 测验</a></li> <li class="cat-item"><a target="_top" title="CSS 测验" href="quiz/css-quiz.html">CSS 测验</a></li> <li class="cat-item"><a target="_top" title="JavaScript 测验" href="quiz/javascript-quiz.html">JavaScript 测验</a></li> <li class="cat-item"><a target="_top" title="jQuery 测验" href="quiz/jquery-quiz.html">jQuery 测验</a></li> <li class="cat-item"><a target="_top" title="XML 测验" href="quiz/xml-quiz.html">XML 测验</a></li> <li class="cat-item"><a target="_top" title="ASP 测验" href="quiz/asp-quiz.html">ASP 测验</a></li> <li class="cat-item"><a target="_top" title="PHP 测验" href="quiz/php-quiz.html">PHP 测验</a></li> <li class="cat-item"><a target="_top" title="SQL 测验" href="quiz/sql-quiz.html">SQL 测验</a></li> </ul>
</div>
</div>
</div>
<div class="container main">
<div class="row">
<div class="col left-column" id="main-left-cloumn">
<div class="tab" id="cate0"><i class="fa fa-reorder"></i> 全部教程</div>
<div class="sidebar-box gallery-list">
<div class="design" id="cate1">
<div class="navto-nav"><i class="fa fa-external-link"></i> HTML / CSS</div>
</div>
<div class="design" id="cate2">
<div class="navto-nav"><i class="fa fa-external-link"></i> JavaScript</div>
</div>
<div class="design" id="cate3">
<div class="navto-nav"><i class="fa fa-external-link"></i> 服务端</div>
</div>
<div class="design" id="cate4">
<div class="navto-nav"><i class="fa fa-external-link"></i> 数据库</div>
</div>
<div class="design" id="cate5">
<div class="navto-nav"><i class="fa fa-external-link"></i> 移动端</div>
</div>
<div class="design" id="cate6">
<div class="navto-nav"><i class="fa fa-external-link"></i> XML 教程</div>
</div>
<div class="design" id="cate7">
<div class="navto-nav"><i class="fa fa-external-link"></i> ASP.NET</div>
</div>
<div class="design" id="cate8">
<div class="navto-nav"><i class="fa fa-external-link"></i> Web Service</div>
</div>
<div class="design" id="cate9">
<div class="navto-nav"><i class="fa fa-external-link"></i> 开发工具</div>
</div>
<div class="design" id="cate10">
<div class="navto-nav"><i class="fa fa-external-link"></i> 网站建设</div>
</div>
</div>
</div>
<div class="col middle-column-home">
<div class="codelist codelist-desktop cate1">
<h2><i class="fa fa-list"></i> HTML / CSS</h2>
<a class="item-top item-1" href="//www.runoob.com/html/html-tutorial.html"><h4>【学习 HTML】</h4>
<img class="codeicon codeicon-36" height="36" width="36" src="">
<strong>HTML，即超文本标记语言（Hyper Text Markup Language）</strong></a>
<a class="item-top item-1" href="//www.runoob.com/html/html5-intro.html"><h4>【学习 HTML5】</h4>
<img class="codeicon codeicon-36" height="36" width="36" src="">
<strong>HTML5 是下一代 HTML 标准</strong></a>
<a class="item-top item-1" href="//www.runoob.com/css/css-tutorial.html"><h4>【学习 CSS】</h4>
<img class="codeicon codeicon-36" height="36" width="36" src="">
<strong>层叠样式表（Cascading StyleSheet）</strong></a>
<a class="item-top item-1" href="//www.runoob.com/css3/css3-tutorial.html"><h4>【学习 CSS3】</h4>
<img class="codeicon codeicon-36" height="36" width="36" src="">
<strong>CSS3是CSS技术的升级版本</strong></a>
<a class="item-top item-1" href="//www.runoob.com/bootstrap/bootstrap-tutorial.html"><h4>【学习 Bootstrap3】</h4>
<img class="codeicon codeicon-36" height="36" width="36" src="">
<strong>Bootstrap，来自 Twitter，是目前最受欢迎的前端框架</strong></a>
<a class="item-top item-1" href="//www.runoob.com/bootstrap4/bootstrap4-tutorial.html"><h4>【学习 Bootstrap4】</h4>
<img class="codeicon codeicon-36" height="36" width="36" src="">
<strong>Bootstrap4 目前是 Bootstrap 的最新版本</strong></a>
<a class="item-top item-1" href="//www.runoob.com/font-awesome/fontawesome-tutorial.html"><h4>【学习 Font Awesome】</h4>
<img class="codeicon codeicon-36" height="36" width="36" src="">
<strong>Font Awesome 是一套绝佳的图标字体库和CSS框架。</strong></a>
<a class="item-top item-1" href="//www.runoob.com/foundation/foundation-tutorial.html"><h4>【学习 Foundation】</h4>
<img class="codeicon codeicon-36" height="36" width="36" src="">
<strong>Foundation 用于开发响应式的 HTML, CSS and JavaScript 框架</strong></a>
</div>
<div class="codelist codelist-desktop cate2">
<h2><i class="fa fa-list"></i> JavaScript</h2>
<a class="item-top item-1" href="//www.runoob.com/js/js-tutorial.html"><h4>【学习 JavaScript】</h4>
<img class="codeicon codeicon-36" height="36" width="36" src="">
<strong>JavaScript 是 Web 的编程语言</strong></a>
<a class="item-top item-1" href="//www.runoob.com/htmldom/htmldom-tutorial.html"><h4>【学习 HTML DOM】</h4>
<img class="codeicon codeicon-36" height="36" width="36" src="">
<strong>HTML DOM 定义了访问和操作 HTML 文档的标准方法</strong></a>
<a class="item-top item-1" href="//www.runoob.com/jquery/jquery-tutorial.html"><h4>【学习 jQuery】</h4>
<img class="codeicon codeicon-36" height="36" width="36" src="">
<strong>jQuery 是一个 JavaScript 库</strong></a>
<a class="item-top item-1" href="//www.runoob.com/angularjs/angularjs-tutorial.html"><h4>【学习 AngularJS】</h4>
<img class="codeicon codeicon-36" height="36" width="36" src="">
<strong>AngularJS 通过新的属性和表达式扩展了 HTML</strong></a>
<a class="item-top item-1" href="//www.runoob.com/angularjs2/angularjs2-tutorial.html"><h4>【学习 AngularJS2】</h4>
<img class="codeicon codeicon-36" height="36" width="36" src="">
<strong>AngularJS2 是一款开源JavaScript库，由Google维护。</strong></a>
<a class="item-top item-1" href="//www.runoob.com/vue2/vue-tutorial.html"><h4>【学习 Vue.js】</h4>
<img class="codeicon codeicon-36" height="36" width="36" src="">
<strong>Vue.js 是一套构建用户界面的渐进式框架。</strong></a>
<a class="item-top item-1" href="//www.runoob.com/react/react-tutorial.html"><h4>【学习 React】</h4>
<img class="codeicon codeicon-36" height="36" width="36" src="">
<strong>React 是一个用于构建用户界面的 JAVASCRIPT 库</strong></a>
<a class="item-top item-1" href="//www.runoob.com/jqueryui/jqueryui-tutorial.html"><h4>【学习 jQuery UI】</h4>
<img class="codeicon codeicon-36" height="36" width="36" src="">
<strong>jQuery UI 是建立在 jQuery上的一组用户界面交互、特效、小部件及主题</strong></a>
<a class="item-top item-1" href="//www.runoob.com/jeasyui/jqueryeasyui-tutorial.html"><h4>【学习 jQuery EasyUI 】</h4>
<img class="codeicon codeicon-36" height="36" width="36" src="">
<strong>jQuery EasyUI 是一个基于 jQuery 的框架，集成了各种用户界面插件</strong></a>
<a class="item-top item-1" href="//www.runoob.com/nodejs/nodejs-tutorial.html"><h4>【学习 Node.js】</h4>
<img class="codeicon codeicon-36" height="36" width="36" src="">
<strong>Node.js 是运行在服务端的 JavaScript</strong></a>
<a class="item-top item-1" href="//www.runoob.com/ajax/ajax-tutorial.html"><h4>【学习 AJAX】</h4>
<img class="codeicon codeicon-36" height="36" width="36" src="">
<strong>AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）</strong></a>
<a class="item-top item-1" href="//www.runoob.com/json/json-tutorial.html"><h4>【学习 JSON】</h4>
<img class="codeicon codeicon-36" height="36" width="36" src="">
<strong>JSON 是存储和交换文本信息的语法</strong></a>
<a class="item-top item-1" href="//www.runoob.com/highcharts/highcharts-tutorial.html"><h4>【学习 Highcharts】</h4>
<img class="codeicon codeicon-36" height="36" width="36" src="">
<strong>Highcharts 是一个用纯JavaScript编写的一个图表库</strong></a>
<a class="item-top item-1" href="//www.runoob.com/googleapi/google-maps-basic.html"><h4>【学习 Google 地图】</h4>
<img class="codeicon codeicon-36" height="36" width="36" src="">
<strong>Google 地图接口使用说明</strong></a>
</div>
<div class="codelist codelist-desktop cate3">
<h2><i class="fa fa-list"></i> 服务端</h2>
<a class="item-top item-1" href="//www.runoob.com/php/php-tutorial.html"><h4>【学习 PHP】</h4>
<img class="codeicon codeicon-36" height="36" width="36" src="">
<strong>PHP 是一种通用开源脚本语言</strong></a>
<a class="item-top item-1" href="//www.runoob.com/python/python-tutorial.html"><h4>【学习 Python】</h4>
<img class="codeicon codeicon-36" height="36" width="36" src="">
<strong>Python 是一种面向对象、解释型计算机程序设计语言</strong></a>
<a class="item-top item-1" href="//www.runoob.com/python3/python3-tutorial.html"><h4>【学习 Python3】</h4>
<img class="codeicon codeicon-36" height="36" width="36" src="">
<strong>Python 升级版，变化较大</strong></a>
<a class="item-top item-1" href="//www.runoob.com/django/django-tutorial.html"><h4>【学习 Django】</h4>
<img class="codeicon codeicon-36" height="36" width="36" src="">
<strong>Django是一个开放源代码的Web应用框架，由Python写成</strong></a>
<a class="item-top item-1" href="//www.runoob.com/linux/linux-tutorial.html"><h4>【学习 Linux】</h4>
<img class="codeicon codeicon-36" height="36" width="36" src="">
<strong>Linux是一套免费使用和自由传播的类Unix操作系统</strong></a>
<a class="item-top item-1" href="//www.runoob.com/docker/docker-tutorial.html"><h4>【学习 Docker】</h4>
<img class="codeicon codeicon-36" height="36" width="36" src="">
<strong>Docker 是一个开源的应用容器引擎，基于 Go 语言</strong></a>
<a class="item-top item-1" href="//www.runoob.com/ruby/ruby-tutorial.html"><h4>【学习 Ruby】</h4>
<img class="codeicon codeicon-36" height="36" width="36" src="">
<strong>一种为简单快捷的面向对象编程（面向对象程序设计）而创的脚本语言</strong></a>
<a class="item-top item-1" href="//www.runoob.com/java/java-tutorial.html"><h4>【学习 Java】</h4>
<img class="codeicon codeicon-36" height="36" width="36" src="">
<strong>一种可以撰写跨平台应用软件的面向对象的程序设计语言</strong></a>
<a class="item-top item-1" href="//www.runoob.com/c/c-tutorial.html"><h4>【学习 C】</h4>
<img class="codeicon codeicon-36" height="36" width="36" src="">
<strong>一门通用计算机编程语言</strong></a>
<a class="item-top item-1" href="//www.runoob.com/cplusplus/cpp-tutorial.html"><h4>【学习 C++】</h4>
<img class="codeicon codeicon-36" height="36" width="36" src="">
<strong>C++是在C语言的基础上开发的一种通用编程语言</strong></a>
<a class="item-top item-1" href="//www.runoob.com/perl/perl-tutorial.html"><h4>【学习 Perl】</h4>
<img class="codeicon codeicon-36" height="36" width="36" src="">
<strong>Perl 是高级、通用、直译式、动态的程序语言</strong></a>
<a class="item-top item-1" href="//www.runoob.com/servlet/servlet-tutorial.html"><h4>【学习 Servlet 】</h4>
<img class="codeicon codeicon-36" height="36" width="36" src="">
<strong>运行在 Web 服务器或应用服务器上的程序</strong></a>
<a class="item-top item-1" href="//www.runoob.com/jsp/jsp-tutorial.html"><h4>【学习 JSP】</h4>
<img class="codeicon codeicon-36" height="36" width="36" src="">
<strong>JSP与PHP、ASP、ASP.NET等语言类似，运行在服务端的语言</strong></a>
<a class="item-top item-1" href="//www.runoob.com/lua/lua-tutorial.html"><h4>【学习 Lua】</h4>
<img class="codeicon codeicon-36" height="36" width="36" src="">
<strong>Lua 是一种轻量小巧的脚本语言，用标准C语言编写并以源代码形式开放</strong></a>
<a class="item-top item-1" href="//www.runoob.com/scala/scala-tutorial.html"><h4>【学习 Scala】</h4>
<img class="codeicon codeicon-36" height="36" width="36" src="">
<strong>Scala 是一门多范式（multi-paradigm）的编程语言。</strong></a>
<a class="item-top item-1" href="//www.runoob.com/go/go-tutorial.html"><h4>【学习 Go】</h4>
<img class="codeicon codeicon-36" height="36" width="36" src="">
<strong>Go语言是谷歌推出的一种全新的编程语言</strong></a>
<a class="item-top item-1" href="//www.runoob.com/design-pattern/design-pattern-tutorial.html"><h4>【设计模式】</h4>
<img class="codeicon codeicon-36" height="36" width="36" src="">
<strong>设计模式代表了最佳的实践，通常被有经验的面向对象的软件开发人员所采用</strong></a>
<a class="item-top item-1" href="//www.runoob.com/regexp/regexp-tutorial.html"><h4>【正则表达式】</h4>
<img class="codeicon codeicon-36" height="36" width="36" src="">
<strong>正则表达式是对字符串操作的一种逻辑公式</strong></a>
<a class="item-top item-1" href="//www.runoob.com/asp/asp-tutorial.html"><h4>【学习 ASP】</h4>
<img class="codeicon codeicon-36" height="36" width="36" src="">
<strong>ASP（Active Server Pages 动态服务器页面）是一种生成动态交互性网页的强有力工具</strong></a>
<a class="item-top item-1" href="//www.runoob.com/appml/appml-tutorial.html"><h4>【学习 AppML】</h4>
<img class="codeicon codeicon-36" height="36" width="36" src="">
<strong>AppML 是一个为web应用程序设计的HTML扩展框</strong></a>
<a class="item-top item-1" href="//www.runoob.com/vbscript/vbscript-tutorial.html"><h4>【学习 VBScript】</h4>
<img class="codeicon codeicon-36" height="36" width="36" src="">
<strong>一种微软环境下的轻量级的解释型语言</strong></a>
</div>
<div class="codelist codelist-desktop cate4">
<h2><i class="fa fa-list"></i> 数据库</h2>
<a class="item-top item-1" href="//www.runoob.com/sql/sql-tutorial.html"><h4>【学习 SQL】</h4>
<img class="codeicon codeicon-36" height="36" width="36" src="">
<strong>结构化查询语言(Structured Query Language)</strong></a>
<a class="item-top item-1" href="//www.runoob.com/mysql/mysql-tutorial.html"><h4>【学习 Mysql】</h4>
<img class="codeicon codeicon-36" height="36" width="36" src="">
<strong>MySQL是一个关系型数据库管理系统</strong></a>
<a class="item-top item-1" href="//www.runoob.com/sqlite/sqlite-tutorial.html"><h4>【学习 SQLite】</h4>
<img class="codeicon codeicon-36" height="36" width="36" src="">
<strong>一款轻型的数据库</strong></a>
<a class="item-top item-1" href="//www.runoob.com/mongodb/mongodb-tutorial.html"><h4>【学习 MongoDB】</h4>
<img class="codeicon codeicon-36" height="36" width="36" src="">
<strong>Mongo DB 是目前在IT行业非常流行的一种非关系型数据库(NoSql)</strong></a>
<a class="item-top item-1" href="//www.runoob.com/redis/redis-tutorial.html"><h4>【学习 Redis】</h4>
<img class="codeicon codeicon-36" height="36" width="36" src="">
<strong>一个高性能的key-value数据库</strong></a>
<a class="item-top item-1" href="//www.runoob.com/Memcached/Memcached-tutorial.html"><h4>【学习 Memcached】</h4>
<img class="codeicon codeicon-36" height="36" width="36" src="">
<strong>Memcached是一个自由开源的，高性能，分布式内存对象缓存系统。</strong></a>
</div>
<div class="codelist codelist-desktop cate5">
<h2><i class="fa fa-list"></i> 移动端</h2>
<a class="item-top item-1" href="//www.runoob.com/w3cnote/android-tutorial-intro.html"><h4>【学习 Android】</h4>
<img class="codeicon codeicon-36" height="36" width="36" src="">
<strong>Android 是一种基于Linux的自由及开放源代码的操作系统，主要使用于移动设备</strong></a>
<a class="item-top item-1" href="//www.runoob.com/swift/swift-tutorial.html"><h4>【学习 Swift】</h4>
<img class="codeicon codeicon-36" height="36" width="36" src="">
<strong>Swift 是一种支持多编程范式和编译式的编程语言,用于开发 iOS，OS X 和 watchOS应用程序。</strong></a>
<a class="item-top item-1" href="//www.runoob.com/jquerymobile/jquerymobile-tutorial.html"><h4>【学习 jQuery Mobile】</h4>
<img class="codeicon codeicon-36" height="36" width="36" src="">
<strong>jQuery Mobile是jQuery 在手机上和平板设备上的版本</strong></a>
<a class="item-top item-1" href="//www.runoob.com/ionic/ionic-tutorial.html"><h4>【学习 ionic】</h4>
<img class="codeicon codeicon-36" height="36" width="36" src="">
<strong>ionic 是一个强大的 HTML5 应用程序开发框架(HTML5 Hybrid Mobile App Framework )。</strong></a>
<a class="item-top item-1" href="//www.runoob.com/kotlin/kotlin-tutorial.html"><h4>【学习 Kotlin】</h4>
<img class="codeicon codeicon-36" height="36" width="36" src="">
<strong>在 Java 虚拟机上运行的静态类型编程语言，Android 官方开发语言</strong></a>
</div>
<div class="codelist codelist-desktop cate6">
<h2><i class="fa fa-list"></i> XML 教程</h2>
<a class="item-top item-1" href="//www.runoob.com/xml/xml-tutorial.html"><h4>【学习 XML】</h4>
<img class="codeicon codeicon-36" height="36" width="36" src="">
<strong>XML 被设计用来传输和存储数据</strong></a>
<a class="item-top item-1" href="//www.runoob.com/dtd/dtd-tutorial.html"><h4>【学习 DTD】</h4>
<img class="codeicon codeicon-36" height="36" width="36" src="">
<strong>DTD（文档类型定义）的作用是定义 XML 文档的合法构建模块</strong></a>
<a class="item-top item-1" href="//www.runoob.com/dom/dom-tutorial.html"><h4>【学习 XML DOM】</h4>
<img class="codeicon codeicon-36" height="36" width="36" src="">
<strong>XML DOM 定义访问和操作XML文档的标准方法</strong></a>
<a class="item-top item-1" href="//www.runoob.com/xsl/xsl-tutorial.html"><h4>【学习 XSLT】</h4>
<img class="codeicon codeicon-36" height="36" width="36" src="">
<strong>XSL 是一个 XML 文档的样式表语言，XSLT 指 XSL 转换</strong></a>
<a class="item-top item-1" href="//www.runoob.com/xpath/xpath-tutorial.html"><h4>【学习 XPath】</h4>
<img class="codeicon codeicon-36" height="36" width="36" src="">
<strong>XPath 是一门在 XML 文档中查找信息的语言</strong></a>
<a class="item-top item-1" href="//www.runoob.com/xquery/xquery-tutorial.html"><h4>【学习 XQuery】</h4>
<img class="codeicon codeicon-36" height="36" width="36" src="">
<strong>XQuery 被设计用来查询 XML 数据</strong></a>
<a class="item-top item-1" href="//www.runoob.com/xlink/xlink-tutorial.html"><h4>【学习 XLink】</h4>
<img class="codeicon codeicon-36" height="36" width="36" src="">
<strong>XLink 定义在 XML 文档中创建超级链接的标准方法</strong></a>
<a class="item-top item-1" href="//www.runoob.com/xlink/xlink-tutorial.html"><h4>【学习 XPointer】</h4>
<img class="codeicon codeicon-36" height="36" width="36" src="">
<strong>XPointer是在可扩展标志语言（XML）文件中定位数据的一种语言</strong></a>
<a class="item-top item-1" href="//www.runoob.com/schema/schema-tutorial.html"><h4>【学习 XML Schema】</h4>
<img class="codeicon codeicon-36" height="36" width="36" src="">
<strong>XML Schema 描述了 XML文档的结构</strong></a>
<a class="item-top item-1" href="//www.runoob.com/xslfo/xslfo-tutorial.html"><h4>【学习 XSL-FO】</h4>
<img class="codeicon codeicon-36" height="36" width="36" src="">
<strong>XSL-FO 指可扩展样式表语言格式化对象</strong></a>
<a class="item-top item-1" href="//www.runoob.com/svg/svg-tutorial.html"><h4>【学习 SVG】</h4>
<img class="codeicon codeicon-36" height="36" width="36" src="">
<strong>SVG 使用 XML 格式定义图像</strong></a>
</div>
<div class="codelist codelist-desktop cate7">
<h2><i class="fa fa-list"></i> ASP.NET</h2>
<a class="item-top item-1" href="//www.runoob.com/aspnet/aspnet-tutorial.html"><h4>【学习 ASP.NET】</h4>
<img class="codeicon codeicon-36" height="36" width="36" src="">
<strong>ASP.NET 是一个使用 HTML、CSS、JavaScript 和服务器脚本创建网页和网站的开发框架</strong></a>
<a class="item-top item-1" href="//www.runoob.com/csharp/csharp-tutorial.html"><h4>【学习 C#】</h4>
<img class="codeicon codeicon-36" height="36" width="36" src="">
<strong>C# 是一个简单的、现代的、通用的、面向对象的编程语言</strong></a>
<a class="item-top item-1" href="//www.runoob.com/aspnet/webpages-intro.html"><h4>【学习 Web Pages】</h4>
<img class="codeicon codeicon-36" height="36" width="36" src="">
<strong>Web Pages 是三种网页编程模型中的一种，用于创建网站和web 应用程序</strong></a>
<a class="item-top item-1" href="//www.runoob.com/aspnet/razor-intro.html"><h4>【学习 Razor】</h4>
<img class="codeicon codeicon-36" height="36" width="36" src="">
<strong>Razor 是一种标记语法，可以让您将基于服务器的代码（Visual Basic 和 C#）嵌入到网页中</strong></a>
<a class="item-top item-1" href="//www.runoob.com/aspnet/mvc-intro.html"><h4>【学习 MVC】</h4>
<img class="codeicon codeicon-36" height="36" width="36" src="">
<strong>MVC（Model View Controller 模型-视图-控制器）</strong></a>
<a class="item-top item-1" href="//www.runoob.com/aspnet/aspnet-intro.html"><h4>【学习 Web Forms】</h4>
<img class="codeicon codeicon-36" height="36" width="36" src="">
<strong>Web Forms 是三种创建 ASP.NET 网站和 Web 应用程序的编程模式中的一种</strong></a>
</div>
<div class="codelist codelist-desktop cate8">
<h2><i class="fa fa-list"></i> Web Service</h2>
<a class="item-top item-1" href="//www.runoob.com/webservices/webservices-tutorial.html"><h4>【学习 Web Service】</h4>
<img class="codeicon codeicon-36" height="36" width="36" src="">
<strong>Web Service 脚本平台需支持 XML + HTTP</strong></a>
<a class="item-top item-1" href="//www.runoob.com/wsdl/wsdl-tutorial.html"><h4>【学习 WSDL】</h4>
<img class="codeicon codeicon-36" height="36" width="36" src="">
<strong>WSDL是一门基于 XML 的语言，用于描述 Web Service 以及如何对它们进行访问</strong></a>
<a class="item-top item-1" href="//www.runoob.com/soap/soap-tutorial.html"><h4>【学习 SOAP】</h4>
<img class="codeicon codeicon-36" height="36" width="36" src="">
<strong>SOAP 是一种简单的基于 XML 的协议，它使应用程序通过 HTTP 来交换信息</strong></a>
<a class="item-top item-1" href="//www.runoob.com/rss/rss-tutorial.html"><h4>【学习 RSS】</h4>
<img class="codeicon codeicon-36" height="36" width="36" src="">
<strong>RSS基于XML标准，在互联网上被广泛采用的内容包装和投递协议</strong></a>
<a class="item-top item-1" href="//www.runoob.com/rdf/rdf-tutorial.html"><h4>【学习 RDF】</h4>
<img class="codeicon codeicon-36" height="36" width="36" src="">
<strong>DF(资源描述框架)是描述网络资源的 W3C 标准</strong></a>
</div>
<div class="codelist codelist-desktop cate9">
<h2><i class="fa fa-list"></i> 开发工具</h2>
<a class="item-top item-1" href="//www.runoob.com/eclipse/eclipse-tutorial.html"><h4>【学习 Eclipse】</h4>
<img class="codeicon codeicon-36" height="36" width="36" src="">
<strong>Eclipse 是一个开放源代码的、基于 Java 的可扩展开发平台</strong></a>
<a class="item-top item-1" href="//www.runoob.com/git/git-tutorial.html"><h4>【学习 Git】</h4>
<img class="codeicon codeicon-36" height="36" width="36" src="">
<strong>Git是一个开源的分布式版本控制系统，用于敏捷高效地处理任何或小或大的项目</strong></a>
<a class="item-top item-1" href="//www.runoob.com/firebug/firebug-tutorial.html"><h4>【学习 Firebug】</h4>
<img class="codeicon codeicon-36" height="36" width="36" src="">
<strong>Firebug 是一个开源的web开发工具</strong></a>
</div>
<div class="codelist codelist-desktop cate10">
<h2><i class="fa fa-list"></i> 网站建设</h2>
<a class="item-top item-1" href="//www.runoob.com/http/http-tutorial.html"><h4>【学习 HTTP】</h4>
<img class="codeicon codeicon-36" height="36" width="36" src="">
<strong>HTTP协议（HyperText Transfer Protocol，超文本传输协议）是因特网上应用最为广泛的一种网络传输协议</strong></a>
<a class="item-top item-1" href="//www.runoob.com/web/web-buildingprimer.html"><h4>【网站建设指南】</h4>
<img class="codeicon codeicon-36" height="36" width="36" src="">
<strong>网站建设指导课程</strong></a>
<a class="item-top item-1" href="//www.runoob.com/browsers/browser-information.html"><h4>【浏览器信息】</h4>
<img class="codeicon codeicon-36" height="36" width="36" src="">
<strong>对于网站开发人员来说，浏览器信息和统计数据都是非常重要的</strong></a>
<a class="item-top item-1" href="//www.runoob.com/hosting/hosting-tutorial.html"><h4>【网站主机教程】</h4>
<img class="codeicon codeicon-36" height="36" width="36" src="">
<strong>如果您希望向全世界发布自己的网站，那么您的网站就需要被放置于一个 WEB 服务器</strong></a>
<a class="item-top item-1" href="//www.runoob.com/tcpip/tcpip-tutorial.html"><h4>【学习 TCP/IP】</h4>
<img class="codeicon codeicon-36" height="36" width="36" src="">
<strong>TCP/IP 是因特网的通信协议</strong></a>
<a class="item-top item-1" href="//www.runoob.com/w3c/w3c-tutorial.html"><h4>【学习 W3C】</h4>
<img class="codeicon codeicon-36" height="36" width="36" src="">
<strong>W3C 让每个人都能在互联网上分享资源</strong></a>
<a class="item-top item-1" href="//www.runoob.com/quality/quality-tutorial.html"><h4>【网站品质】</h4>
<img class="codeicon codeicon-36" height="36" width="36" src="">
<strong>学习如何创建高质量的web网站</strong></a>
</div>
<div class="codelist codelist-mobile">
<h2><i class="fa fa-list"></i> HTML / CSS</h2>
<a class="item-top item-1" href="//www.runoob.com/html/html-tutorial.html">
<h4>HTML</h4>
</a>
<a class="item-top item-1" href="//www.runoob.com/html/html5-intro.html">
<h4>HTML5</h4>
</a>
<a class="item-top item-1" href="//www.runoob.com/css/css-tutorial.html">
<h4>CSS</h4>
</a>
<a class="item-top item-1" href="//www.runoob.com/css3/css3-tutorial.html">
<h4>CSS3</h4>
</a>
<a class="item-top item-1" href="//www.runoob.com/bootstrap/bootstrap-tutorial.html">
<h4>Bootstrap3</h4>
</a>
<a class="item-top item-1" href="//www.runoob.com/bootstrap4/bootstrap4-tutorial.html">
<h4>Bootstrap4</h4>
</a>
<a class="item-top item-1" href="//www.runoob.com/font-awesome/fontawesome-tutorial.html">
<h4>Font Awesome</h4>
</a>
<a class="item-top item-1" href="//www.runoob.com/foundation/foundation-tutorial.html">
<h4>Foundation</h4>
</a>
</div>
<div class="codelist codelist-mobile">
<h2><i class="fa fa-list"></i> JavaScript</h2>
<a class="item-top item-1" href="//www.runoob.com/js/js-tutorial.html">
<h4>JavaScript</h4>
</a>
<a class="item-top item-1" href="//www.runoob.com/htmldom/htmldom-tutorial.html">
<h4>HTML DOM</h4>
</a>
<a class="item-top item-1" href="//www.runoob.com/jquery/jquery-tutorial.html">
<h4>jQuery</h4>
</a>
<a class="item-top item-1" href="//www.runoob.com/angularjs/angularjs-tutorial.html">
<h4>AngularJS</h4>
</a>
<a class="item-top item-1" href="//www.runoob.com/angularjs2/angularjs2-tutorial.html">
<h4>AngularJS2</h4>
</a>
<a class="item-top item-1" href="//www.runoob.com/vue2/vue-tutorial.html">
<h4>Vue.js</h4>
</a>
<a class="item-top item-1" href="//www.runoob.com/react/react-tutorial.html">
<h4>React</h4>
</a>
<a class="item-top item-1" href="//www.runoob.com/jqueryui/jqueryui-tutorial.html">
<h4>jQuery UI</h4>
</a>
<a class="item-top item-1" href="//www.runoob.com/jeasyui/jqueryeasyui-tutorial.html">
<h4>jQuery EasyUI</h4>
</a>
<a class="item-top item-1" href="//www.runoob.com/nodejs/nodejs-tutorial.html">
<h4>Node.js</h4>
</a>
<a class="item-top item-1" href="//www.runoob.com/ajax/ajax-tutorial.html">
<h4>AJAX</h4>
</a>
<a class="item-top item-1" href="//www.runoob.com/json/json-tutorial.html">
<h4>JSON</h4>
</a>
<a class="item-top item-1" href="//www.runoob.com/highcharts/highcharts-tutorial.html">
<h4>Highcharts</h4>
</a>
<a class="item-top item-1" href="//www.runoob.com/googleapi/google-maps-basic.html">
<h4>Google 地图</h4>
</a>
</div>
<div class="codelist codelist-mobile">
<h2><i class="fa fa-list"></i> 服务端</h2>
<a class="item-top item-1" href="//www.runoob.com/php/php-tutorial.html">
<h4>PHP</h4>
</a>
<a class="item-top item-1" href="//www.runoob.com/python/python-tutorial.html">
<h4>Python</h4>
</a>
<a class="item-top item-1" href="//www.runoob.com/python3/python3-tutorial.html">
<h4>Python3</h4>
</a>
<a class="item-top item-1" href="//www.runoob.com/django/django-tutorial.html">
<h4>Django</h4>
</a>
<a class="item-top item-1" href="//www.runoob.com/linux/linux-tutorial.html">
<h4>Linux</h4>
</a>
<a class="item-top item-1" href="//www.runoob.com/docker/docker-tutorial.html">
<h4>Docker</h4>
</a>
<a class="item-top item-1" href="//www.runoob.com/ruby/ruby-tutorial.html">
<h4>Ruby</h4>
</a>
<a class="item-top item-1" href="//www.runoob.com/java/java-tutorial.html">
<h4>Java</h4>
</a>
<a class="item-top item-1" href="//www.runoob.com/c/c-tutorial.html">
<h4>C</h4>
</a>
<a class="item-top item-1" href="//www.runoob.com/cplusplus/cpp-tutorial.html">
<h4>C++</h4>
</a>
<a class="item-top item-1" href="//www.runoob.com/perl/perl-tutorial.html">
<h4>Perl</h4>
</a>
<a class="item-top item-1" href="//www.runoob.com/servlet/servlet-tutorial.html">
<h4>Servlet</h4>
</a>
<a class="item-top item-1" href="//www.runoob.com/jsp/jsp-tutorial.html">
<h4>JSP</h4>
</a>
<a class="item-top item-1" href="//www.runoob.com/lua/lua-tutorial.html">
<h4>Lua</h4>
</a>
<a class="item-top item-1" href="//www.runoob.com/scala/scala-tutorial.html">
<h4>Scala</h4>
</a>
<a class="item-top item-1" href="//www.runoob.com/go/go-tutorial.html">
<h4>Go</h4>
</a>
<a class="item-top item-1" href="//www.runoob.com/design-pattern/design-pattern-tutorial.html">
<h4>设计模式</h4>
</a>
<a class="item-top item-1" href="//www.runoob.com/regexp/regexp-tutorial.html">
<h4>正则表达式</h4>
</a>
<a class="item-top item-1" href="//www.runoob.com/asp/asp-tutorial.html">
<h4>ASP</h4>
</a>
<a class="item-top item-1" href="//www.runoob.com/appml/appml-tutorial.html">
<h4>AppML</h4>
</a>
<a class="item-top item-1" href="//www.runoob.com/vbscript/vbscript-tutorial.html">
<h4>VBScript</h4>
</a>
</div>
<div class="codelist codelist-mobile">
<h2><i class="fa fa-list"></i> 数据库</h2>
<a class="item-top item-1" href="//www.runoob.com/sql/sql-tutorial.html">
<h4>SQL</h4>
</a>
<a class="item-top item-1" href="//www.runoob.com/mysql/mysql-tutorial.html">
<h4>Mysql</h4>
</a>
<a class="item-top item-1" href="//www.runoob.com/sqlite/sqlite-tutorial.html">
<h4>SQLite</h4>
</a>
<a class="item-top item-1" href="//www.runoob.com/mongodb/mongodb-tutorial.html">
<h4>MongoDB</h4>
</a>
<a class="item-top item-1" href="//www.runoob.com/redis/redis-tutorial.html">
<h4>Redis</h4>
</a>
<a class="item-top item-1" href="//www.runoob.com/Memcached/Memcached-tutorial.html">
<h4>Memcached</h4>
</a>
</div>
<div class="codelist codelist-mobile">
<h2><i class="fa fa-list"></i> 移动端</h2>
<a class="item-top item-1" href="//www.runoob.com/w3cnote/android-tutorial-intro.html">
<h4>Android</h4>
</a>
<a class="item-top item-1" href="//www.runoob.com/swift/swift-tutorial.html">
<h4>Swift</h4>
</a>
<a class="item-top item-1" href="//www.runoob.com/jquerymobile/jquerymobile-tutorial.html">
<h4>jQuery Mobile</h4>
</a>
<a class="item-top item-1" href="//www.runoob.com/ionic/ionic-tutorial.html">
<h4>ionic</h4>
</a>
<a class="item-top item-1" href="//www.runoob.com/kotlin/kotlin-tutorial.html">
<h4>Kotlin</h4>
</a>
</div>
<div class="codelist codelist-mobile">
<h2><i class="fa fa-list"></i> XML 教程</h2>
<a class="item-top item-1" href="//www.runoob.com/xml/xml-tutorial.html">
<h4>XML</h4>
</a>
<a class="item-top item-1" href="//www.runoob.com/dtd/dtd-tutorial.html">
<h4>DTD</h4>
</a>
<a class="item-top item-1" href="//www.runoob.com/dom/dom-tutorial.html">
<h4>XML DOM</h4>
</a>
<a class="item-top item-1" href="//www.runoob.com/xsl/xsl-tutorial.html">
<h4>XSLT</h4>
</a>
<a class="item-top item-1" href="//www.runoob.com/xpath/xpath-tutorial.html">
<h4>XPath</h4>
</a>
<a class="item-top item-1" href="//www.runoob.com/xquery/xquery-tutorial.html">
<h4>XQuery</h4>
</a>
<a class="item-top item-1" href="//www.runoob.com/xlink/xlink-tutorial.html">
<h4>XLink</h4>
</a>
<a class="item-top item-1" href="//www.runoob.com/xlink/xlink-tutorial.html">
<h4>XPointer</h4>
</a>
<a class="item-top item-1" href="//www.runoob.com/schema/schema-tutorial.html">
<h4>XML Schema</h4>
</a>
<a class="item-top item-1" href="//www.runoob.com/xslfo/xslfo-tutorial.html">
<h4>XSL-FO</h4>
</a>
<a class="item-top item-1" href="//www.runoob.com/svg/svg-tutorial.html">
<h4>SVG</h4>
</a>
</div>
<div class="codelist codelist-mobile">
<h2><i class="fa fa-list"></i> ASP.NET</h2>
<a class="item-top item-1" href="//www.runoob.com/aspnet/aspnet-tutorial.html">
<h4>ASP.NET</h4>
</a>
<a class="item-top item-1" href="//www.runoob.com/csharp/csharp-tutorial.html">
<h4>C#</h4>
</a>
<a class="item-top item-1" href="//www.runoob.com/aspnet/webpages-intro.html">
<h4>Web Pages</h4>
</a>
<a class="item-top item-1" href="//www.runoob.com/aspnet/razor-intro.html">
<h4>Razor</h4>
</a>
<a class="item-top item-1" href="//www.runoob.com/aspnet/mvc-intro.html">
<h4>MVC</h4>
</a>
<a class="item-top item-1" href="//www.runoob.com/aspnet/aspnet-intro.html">
<h4>Web Forms</h4>
</a>
</div>
<div class="codelist codelist-mobile">
<h2><i class="fa fa-list"></i> Web Service</h2>
<a class="item-top item-1" href="//www.runoob.com/webservices/webservices-tutorial.html">
<h4>Web Service</h4>
</a>
<a class="item-top item-1" href="//www.runoob.com/wsdl/wsdl-tutorial.html">
<h4>WSDL</h4>
</a>
<a class="item-top item-1" href="//www.runoob.com/soap/soap-tutorial.html">
<h4>SOAP</h4>
</a>
<a class="item-top item-1" href="//www.runoob.com/rss/rss-tutorial.html">
<h4>RSS</h4>
</a>
<a class="item-top item-1" href="//www.runoob.com/rdf/rdf-tutorial.html">
<h4>RDF</h4>
</a>
</div>
<div class="codelist codelist-mobile">
<h2><i class="fa fa-list"></i> 开发工具</h2>
<a class="item-top item-1" href="//www.runoob.com/eclipse/eclipse-tutorial.html">
<h4>Eclipse</h4>
</a>
<a class="item-top item-1" href="//www.runoob.com/git/git-tutorial.html">
<h4>Git</h4>
</a>
<a class="item-top item-1" href="//www.runoob.com/firebug/firebug-tutorial.html">
<h4>Firebug</h4>
</a>
</div>
<div class="codelist codelist-mobile">
<h2><i class="fa fa-list"></i> 网站建设</h2>
<a class="item-top item-1" href="//www.runoob.com/http/http-tutorial.html">
<h4>HTTP</h4>
</a>
<a class="item-top item-1" href="//www.runoob.com/web/web-buildingprimer.html">
<h4>网站建设指南</h4>
</a>
<a class="item-top item-1" href="//www.runoob.com/browsers/browser-information.html">
<h4>浏览器信息</h4>
</a>
<a class="item-top item-1" href="//www.runoob.com/hosting/hosting-tutorial.html">
<h4>网站主机教程</h4>
</a>
<a class="item-top item-1" href="//www.runoob.com/tcpip/tcpip-tutorial.html">
<h4>TCP/IP</h4>
</a>
<a class="item-top item-1" href="//www.runoob.com/w3c/w3c-tutorial.html">
<h4>W3C</h4>
</a>
<a class="item-top item-1" href="//www.runoob.com/quality/quality-tutorial.html">
<h4>网站品质</h4>
</a>
</div>
</div>
</div>
</div>
<div id="footer" class="mar-t50">
<div class="runoob-block">
<div class="runoob cf">
<dl>
<dt>
在线实例
</dt>
<dd>
&middot;<a target="_blank" href="/html/html-examples.html">HTML 实例</a>
</dd>
<dd>
&middot;<a target="_blank" href="/css/css-examples.html">CSS 实例</a>
</dd>
<dd>
&middot;<a target="_blank" href="/js/js-examples.html">JavaScript 实例</a>
</dd>
<dd>
&middot;<a target="_blank" href="/ajx/ajax-examples.html">Ajax 实例</a>
</dd>
<dd>
&middot;<a target="_blank" href="/jquery/jquery-examples.html">jQuery 实例</a>
</dd>
<dd>
&middot;<a target="_blank" href="/xml/xml-examples.html">XML 实例</a>
</dd>
<dd>
&middot;<a target="_blank" href="/java/java-examples.html">Java 实例</a>
</dd>
</dl>
<dl>
<dt>
字符集&工具
</dt>
<dd>
&middot; <a target="_blank" href="/charsets/html-charsets.html">HTML 字符集设置</a>
</dd>
<dd>
&middot; <a target="_blank" href="/tags/html-ascii.html">HTML ASCII 字符集</a>
</dd>
<dd>
&middot; <a target="_blank" href="/tags/ref-entities.html">HTML ISO-8859-1</a>
</dd>
<dd>
&middot; <a target="_blank" href="/tags/html-symbols.html">HTML 实体符号</a>
</dd>
<dd>
&middot; <a target="_blank" href="/tags/html-colorpicker.html">HTML 拾色器</a>
</dd>
<dd>
&middot; <a target="_blank" href="//c.runoob.com/front-end/53">JSON 格式化工具</a>
</dd>
</dl>
<dl>
<dt>
最新更新
</dt>
<dd>
&middot;
<a href="http://www.runoob.com/w3cnote/these-pain-only-programmers-know.html" title="这些痛，只有程序员懂…">这些痛，只有程...</a>
</dd>
<dd>
&middot;
<a href="http://www.runoob.com/w3cnote/java-protected-keyword-detailed-explanation.html" title="Java protected 关键字详解">Java protected ...</a>
</dd>
<dd>
&middot;
<a href="http://www.runoob.com/w3cnote/funny-programmer-pictures.html" title="给程序员的几条建议，精彩配图">给程序员的几条...</a>
</dd>
<dd>
&middot;
<a href="http://www.runoob.com/w3cnote/front-end-interview-a-few-important-points-of-knowledge.html" title="前端面试几个重要知识点">前端面试几个重...</a>
</dd>
<dd>
&middot;
<a href="http://www.runoob.com/linux/linux-comm-tail.html" title="Linux tail 命令">Linux tail 命令</a>
</dd>
<dd>
&middot;
<a href="http://www.runoob.com/mongodb/mongodb-delete-collection.html" title="MongoDB 删除集合">MongoDB 删除集合</a>
</dd>
<dd>
&middot;
<a href="http://www.runoob.com/mongodb/mongodb-create-collection.html" title="MongoDB 创建集合">MongoDB 创建集合</a>
</dd>
</dl>
<dl>
<dt>
站点信息
</dt>
<dd>
&middot;
<a target="_blank" href="//mail.qq.com/cgi-bin/qm_share?t=qm_mailme&amp;email=ssbDyoOAgfLU3crf09venNHd3w" rel="external nofollow">意见反馈</a>
</dd>
<dd>
&middot;
<a target="_blank" href="/disclaimer">免责声明</a>
</dd>
<dd>
&middot;
<a target="_blank" href="/aboutus">关于我们</a>
</dd>
<dd>
&middot;
<a target="_blank" href="/archives">文章归档</a>
</dd>
</dl>
<div class="search-share">
<div class="app-download">
<div>
<strong>关注微信</strong>
</div>
</div>
<div class="share">
<img width="128" height="128" src="/wp-content/themes/runoob/assets/images/qrcode.png" />
</div>
</div>
</div>
</div>
<div class="w-1000 copyright">
Copyright &copy; 2013-2018 <strong><a href="//www.runoob.com/" target="_blank">菜鸟教程</a></strong>&nbsp;
<strong><a href="//www.runoob.com/" target="_blank">runoob.com</a></strong> All Rights Reserved. 备案号：闽ICP备15012807号-1
</div>
</div>
<div class="fixed-btn">
<a class="go-top" href="javascript:void(0)" title="返回顶部"> <i class="fa fa-angle-up"></i></a>
<a class="qrcode" href="javascript:void(0)" title="关注我们"><i class="fa fa-qrcode"></i></a>
<a class="writer" target="_blank" href="//mail.qq.com/cgi-bin/qm_share?t=qm_mailme&email=ssbDyoOAgfLU3crf09venNHd3w" style="font-size: 12px;" title="Bug 反馈"><i class="fa fa-envelope-o" style="font-size: 20px;"></i></a>
<div id="bottom-qrcode" class="modal panel-modal hide fade in">
<h4>微信关注</h4>
<div class="panel-body"><img alt="微信关注" width="128" height="128" src="/wp-content/themes/runoob/assets/images/qrcode.png"></div>
</div>
</div>
<div id="testClick"></div>
<div style="display:none;">
<script>
  var _hmt = _hmt || [];
  (function() {
    var hm = document.createElement("script");
    hm.src = "//hm.baidu.com/hm.js?8e2a116daf0104a78d601f40a45c75b4";
    var s = document.getElementsByTagName("script")[0]; 
    s.parentNode.insertBefore(hm, s);
  })();
  </script>
</div>
<script>
window.jsui={
    www: '//wwww.runoob.com',
    uri: '//www.runoob.com/wp-content/themes/runoob'
};
</script>
<style>
ol,ul{list-style:none}.cd-switcher a{text-decoration:none;outline:0}.cd-switcher a:hover{text-decoration:underline}a:focus{outline:0;-moz-outline:0}.main_nav{width:300px;height:60px;margin:60px auto 10px auto}.main_nav li{float:left;width:60px;margin-right:10px;font-size:16px;padding:.6em 1em;border-radius:3em;background:#2f889a;text-align:center}.main_nav li a{color:#fff}.errtip{background-color:#fceaea;color:#db5353;padding:8px 15px;font-size:14px;border:1px solid #fc9797;border-radius:5px}.cd-user-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(52,54,66,0.9);z-index:3;overflow-y:auto;cursor:pointer;visibility:hidden;opacity:0;-webkit-transition:opacity .3s 0,visibility 0 .3s;-moz-transition:opacity .3s 0,visibility 0 .3s;transition:opacity .3s 0,visibility 0 .3s}.cd-user-modal.is-visible{visibility:visible;opacity:1;-webkit-transition:opacity .3s 0,visibility 0 0;-moz-transition:opacity .3s 0,visibility 0 0;transition:opacity .3s 0,visibility 0 0}.cd-user-modal.is-visible .cd-user-modal-container{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}.cd-user-modal-container{position:relative;width:90%;max-width:500px;background:#FFF;margin:3em auto 4em;cursor:auto;border-radius:.25em;-webkit-transform:translateY(-30px);-moz-transform:translateY(-30px);-ms-transform:translateY(-30px);-o-transform:translateY(-30px);transform:translateY(-30px);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;transition-property:transform;-webkit-transition-duration:.3s;-moz-transition-duration:.3s;transition-duration:.3s}.cd-user-modal-container .cd-switcher:after{content:"";display:table;clear:both}.cd-user-modal-container .cd-switcher li{width:50%;float:left;text-align:center}.cd-user-modal-container .cd-switcher li:first-child a{border-radius:.25em 0 0 0}.cd-user-modal-container .cd-switcher li:last-child a{border-radius:0 .25em 0 0}.cd-user-modal-container .cd-switcher a{font-size:1.2em;font-weight:bold;display:block;width:100%;height:50px;line-height:50px;background:#e8f1e2;color:#96b880}.cd-user-modal-container .cd-switcher a.selected{background:#FFF;color:#505260}@media only screen and (min-width:600px){.cd-user-modal-container{margin:4em auto}.cd-user-modal-container .cd-switcher a{height:70px;line-height:70px}}.cd-form{padding:1.4em}.cd-form .fieldset{position:relative;margin:1.4em 0}.cd-form .fieldset:first-child{margin-top:0}.cd-form .fieldset:last-child{margin-bottom:0}.cd-form label{font-size:16px;font-size:.875rem}.cd-form label.image-replace{display:inline-block;position:absolute;left:15px;top:50%;bottom:auto;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);height:20px;width:20px;overflow:hidden;text-indent:100%;white-space:nowrap;color:transparent;text-shadow:none;background-repeat:no-repeat;background-position:50% 0}.cd-form label.cd-username{background-image:url("/wp-content/themes/runoob/assets/img/cd-icon-username.svg")}.cd-form label.cd-email{background-image:url("/wp-content/themes/runoob/assets/img/cd-icon-email.svg")}.cd-form label.cd-password{background-image:url("/wp-content/themes/runoob/assets/img/cd-icon-password.svg")}.cd-form input{margin:0;padding:0;border-radius:.25em}.cd-form input.full-width{width:80%}.cd-form input.full-width2{width:94%}.cd-form input.has-padding{padding:12px 20px 12px 50px}.cd-form input.has-border{border:1px solid #d2d8d8;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none}.cd-form input.has-border:focus{border-color:#98b880;box-shadow:0 0 5px rgba(52,54,66,0.1);outline:0}.cd-form input.has-error{border:1px solid #d76666}.cd-form input[type=password]{padding-right:65px}.cd-form input[type=submit]{padding:16px 0;cursor:pointer;background:#96b97d;color:#FFF;font-weight:bold;border:0;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;font-size:1.2em;font-weight:bold}.no-touch .cd-form input[type=submit]:hover,.no-touch .cd-form input[type=submit]:focus{background:#3599ae;outline:0}@media only screen and (min-width:600px){.cd-form{padding:2em}.cd-form .fieldset{margin:2em 0}.cd-form .fieldset:first-child{margin-top:0}.cd-form .fieldset:last-child{margin-bottom:0}.cd-form input.has-padding{padding:16px 20px 16px 50px}.cd-form input[type=submit]{padding:16px 0}}.cd-close-form{display:block;position:absolute;width:40px;height:40px;right:0;top:-40px;background:url("/wp-content/themes/runoob/assets/img/cd-icon-close.svg") no-repeat center center;text-indent:100%;white-space:nowrap;overflow:hidden}@media only screen and (min-width:1170px){}#cd-login,#cd-signup,#cd-reset-password{display:none}#cd-login.is-selected,#cd-signup.is-selected,#cd-reset-password.is-selected{display:block}
</style>
<div class="cd-user-modal">
<div class="cd-user-modal-container">
<ul class="cd-switcher">
<li><a href="javascript:;">用户登录</a></li>
<li><a href="javascript:;">注册新用户</a></li>
</ul>
<div id="cd-login"> 
<div class="cd-form">
<p class="fieldset">
<label class="image-replace cd-username" for="signin-username">用户名</label>
<input class="full-width has-padding has-border" id="signin-username" name=username type="text" placeholder="输入用户名">
</p>
<p class="fieldset">
<label class="image-replace cd-password" for="signin-password">密码</label>
<input class="full-width has-padding has-border" id="signin-password" name="password" type="password" placeholder="输入密码">
</p>
<p class="fieldset">
<input type="checkbox" id="remember-me" checked>
<label for="remember-me">记住登录状态</label>
<a href="//www.runoob.com/reset-password" style="float: right;padding-right: 20px;" target="_blank">忘记密码？</a>
</p>
<input type="hidden" name="action" value="signin">
<p class="fieldset">
<input class="full-width2" type="submit" value="登 录">
</p>
<div class="err-msg"></div>
</div>
</div>
<div id="cd-signup"> 
<div class="cd-form">
<p class="fieldset">
<label class="image-replace cd-password" for="verifycode">邀请码</label>
<input class="full-width has-padding has-border" id="signup-verifycode" name="verifycode" type="text" placeholder="输入邀请码">
</p>
<p class="fieldset">
<label class="image-replace cd-username" for="signup-username">用户名</label>
<input class="full-width has-padding has-border" id="signup-username" name="name" type="text" placeholder="输入用户名">
</p>
<p class="fieldset">
<label class="image-replace cd-email" for="signup-email">邮箱</label>
<input class="full-width has-padding has-border" name="email" id="signup-email" type="email" placeholder="输入mail">
</p>
<p class="fieldset">
<label class="image-replace cd-password" for="signup-password">密码</label>
<input class="full-width has-padding has-border" id="signup-password" name="password" type="password" placeholder="输入密码">
</p>
<p class="fieldset">
<label class="image-replace cd-password" for="signup-password2">重复输入密码</label>
<input class="full-width has-padding has-border" id="signup-password2" name="password2" type="password" placeholder="重复输入密码">
</p>
<input type="hidden" name="action" value="signup">
<p class="fieldset">
<input class="full-width2" type="submit" value="注册新用户">
</p>
<p class="fieldset">
<a href="//www.runoob.com/w3cnote/runoob-user-test-intro.html#invite" target="_blank">如何获取邀请码？</a>
</p>
<div class="err-msg"></div>
</div>
</div>
<a href="javascript:;" class="cd-close-form">关闭</a>
</div>
</div>
<script src="/wp-content/themes/runoob/assets/js/main.js?v=1.171"></script>
<script src="//static.runoob.com/assets/libs/hl/run_prettify.js"></script>
</body>
</html>
